<!-- 箱子详情 -->
<template>
  <div class="box-detail">
    <Dialog transition="slide-bottom" fullscreen :open.sync="open">
      <AppBar color="primary" title="信息详情">
        <Button slot="left" icon @click="$emit('close')">
          <Icon value="close"></Icon>
        </Button>
        <Button slot="right" flat>
          私聊
        </Button>
      </AppBar>
      <div style="padding: 24px;">
        this is a fullscreen dialog
      </div>
    </Dialog>
  </div>
</template>

<script lang="ts">
import {Component, Vue, Prop} from "vue-property-decorator";
import Button from "@/components/Button";
import AppBar from "@/components/AppBar";
import Icon from "@/components/Icon";
import Dialog from "@/components/Dialog";

@Component({
  components: {
    Button,
    AppBar,
    Icon,
    Dialog
  }
})

export default class BoxDetail extends Vue {

  @Prop({ type: Boolean, default: false })
  open = false

}
</script>

<style lang="less">
</style>
